<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>添加用户</title>
	<link rel="stylesheet" type="text/css" media="screen" href="../../css/bootstrap.min.css">
	<link rel="stylesheet" type="text/css" media="screen" href="../../css/dataTables.bootstrap.min.css">
	<link rel="stylesheet" type="text/css" media="screen" href="../../layui/css/layui.css">
</head>
<body>
<div>
	<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
		<header style="height: 100%">
			<div align="left">
				<table style="width: 100%">
					<tr>
						<td>
							<form class="form-inline" onsubmit="return false">
								<div class="form-group">
									用户名：
									<input id="username" type="text" class="form-control" placeholder="用户名">
									</select>
									<button id="searchBt" class="layui-btn layui-btn-sm"><i class="layui-icon">&#xe615;</i>搜索</button>
								</div>
							</form>
						</td>
						<td align="right">
							<button class="layui-btn layui-btn-sm" onclick="location.href='addAppUser.html'">
								<i class="layui-icon">&#xe608;</i> 添加
							</button>
						</td>
					</tr>
				</table>
			</div>
		</header>

		<div>
			<div class="widget-body no-padding">
				<table id="dt-table" class="table table-striped table-bordered table-hover" style="width:100%">
					<thead>
					<tr>
					</tr>
					<tr>
						<th>用户名</th>
						<th>账号</th>
						<th>手机号</th>
						<th>邮箱</th>
						<th>操作</th>
					</tr>
					</thead>
					<tbody>
					</tbody>
				</table>
			</div>
		</div>
	</div>
</div>
</body>
</html>

<script type="text/javascript" src="../../js/libs/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="../../js/jq.js"></script>
<script type="text/javascript" src="../../js/plugin/datatables/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="../../js/plugin/datatables/dataTables.bootstrap.min.js"></script>
<script type="text/javascript" src="../../js/my/permission.js"></script>
<script type="text/javascript" src="../../layui/layui.js"></script>
<script type="text/javascript" src="../../js/dict.js"></script>
<script type="text/javascript">
	layui.use([ 'layer' ], function() {
		var layer = layui.layer;
	});
	var userStatus = showDictSelect("status", "userStatus", true);

	var pers = checkPermission();

	var example;
	function init(){
		example =
				$('#dt-table').DataTable({
					"searching": false,
					"processing": false,
					"serverSide" : true,
					"language": {
						"url": "/js/plugin/datatables/Chinese.lang"
					},
					"ajax": {
						"url" : "/appusers",
						"type":"get",
						"data":function(d){
							d.username = $('#username').val();
						},
					},
					"dom": "<'dt-toolbar'r>t<'dt-toolbar-footer'<'col-sm-10 col-xs-12 hidden-xs'i><'col-xs-12 col-sm-10' p v>>",
					"columns": [
						{ "data": "username", "defaultContent": ""},
						{ "data": "account", "defaultContent": ""},
						{ "data": "phonenumber", "defaultContent": ""},
						{ "data": "useremail", "defaultContent": ""},
						{
							"data": "",
							"defaultContent": "",
							"orderable":false,
							"render": function (data, type, row) {
								var id = row['id'];
								var href = "updateAppUser.html?id=" + id;
								var edit = buttonEdit(href, "sys:user:add", pers);
								var del = buttonDel(id, "no", pers);
								var DevicesMore="appGroups.html?userid="+id;
								var more=buttonMore(DevicesMore);
								return edit+ del+more;
							}
						},
					],
					"order": [[ 0, "desc" ],[1, "asc"]]
				});
	}
	function del(id){
		layer.confirm('确定要删除吗？', {
			btn : [ '确定', '取消' ]
		}, function() {
			$.ajax({
				type : 'delete',
				url : '/appusers/delete/'+id,
				success : function(data) {
					example.ajax.reload();
					layer.msg("删除成功");
				}
			});

			layer.close(1);
		});
	}

	$("#searchBt").click(function(){
		example.ajax.reload();
	});

	init();
</script>